<template>
  <div id="component_dbsx">
    <a v-for="(dbs,db_index) in dbsxList" :key="db_index" :href="dbs.url" class="component_dbsx_item">
      <p><span style="color:#333">发起人：{{dbs.start_user}}</span><span style="color:#999;font-size:12px">{{dbs.start_time}}</span></p>
      <p><span style="color:#666">{{dbs.title}}</span><span><el-button type="primary" size="mini" round>去处理</el-button></span></p>
    </a>
  </div>
</template>

<script>

export default {
  data() {
    return {
      dbsxList:[
        {start_user:"李国强",start_time:"2019-01-15 10:13:36",title:"新入职人员邮箱账号申请",type:""},
        {start_user:"李国强",start_time:"2019-01-15 10:13:36",title:"新入职人员邮箱账号申请",type:""}
      ],
    }
  },
  methods: {
  }
}
</script>
<style lang="scss" scoped>
#component_dbsx{
  display:block;
  padding:0 20px 20px 20px;
  position: relative;
  width: 100%;
  .component_dbsx_item{
    display:block;
    position: relative;
    border:1px #cccccc dashed;
    margin-top:20px;
    min-height: 40px;
    padding:5px 10px;
    border-radius: 4px;
    &:hover{
      border-color: #2d83ea;
    }
    p{
      display: flex;
      position: relative;
      line-height: 20px;
      padding:5px;
      span{
        display: flex;position: relative;
        button{
          font-size: 12px;padding:0px 10px;line-height: 18px;height:20px;
        }
      }
      & >span:nth-child(1){
        padding-right: 10px;
        flex: 1;
      }
    }
  }
}
</style>